<!doctype html>
<html lang="en">
<head>
    <title>Code coverage report for src/App.vue</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="..\prettify.css" />
    <link rel="stylesheet" href="..\base.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type='text/css'>
        .coverage-summary .sorter {
            background-image: url(..\sort-arrow-sprite.png);
        }
    </style>
</head>
<body>
<div class='wrapper'>
  <div class='pad1'>
    <h1>
      <a href="..\index.html">All files</a> / <a href="index.html">src</a> App.vue
    </h1>
    <div class='clearfix'>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Statements</span>
        <span class='fraction'>0/13</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">100% </span>
        <span class="quiet">Branches</span>
        <span class='fraction'>0/0</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Functions</span>
        <span class='fraction'>0/11</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Lines</span>
        <span class='fraction'>0/13</span>
      </div>
    </div>
  </div>
  <div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
  &lt;div id="app"&gt;
    &lt;!--测试框架代码，稍后熟练后可删除--&gt;
    &lt;!--&lt;img v-on:click="checkOutJS()" src="assets/skin/default/login/img/logo.png" v-show="true"--&gt;
    &lt;!--v-bind:title="octopus.note"&gt;--&gt;
    &lt;!--&lt;div v-html="octopus.template" ref="templateByVUE" id="templateByJquery"&gt;&lt;/div&gt;--&gt;
    &lt;!--&lt;div o-Container&gt;此为八爪鱼渲染容器，会通过模板渲染引擎主动将组件渲染至页面。&lt;/div&gt;--&gt;
    &lt;!--下面为主路由，加载组件用。--&gt;
    &lt;keep-alive exclude="mms_engine_database_item_list"&gt;
      &lt;router-view :oData="octopus"/&gt;
    &lt;/keep-alive&gt;
  &lt;/div&gt;
&lt;/template&gt;
&nbsp;
&lt;script&gt;
  export default {
    name: "App",
    // 事件只能使用方法，计算函数只能使用，不能直接挂载事件。
    methods: {
<span class="fstat-no" title="function not covered" >      checkOutJS: function () {</span>
        // getout("hhh");
<span class="cstat-no" title="statement not covered" >        this.$OutTestJS.getout("HHH");</span>
      }
    },
<span class="fstat-no" title="function not covered" >    data() {</span>
<span class="cstat-no" title="statement not covered" >      return {</span>
        // 八爪鱼自动框架数据
        octopus: this.$parent.octopus,
        render: false
      };
    },
    // 生命周期钩子：创建后动态加载样式库
<span class="fstat-no" title="function not covered" >    created: function () {</span>
      /* 动态按照用户状态加载样式 */
      // 以预编译的方式加载（性能更好）
      // import("./assets/skin/" + this.octopus.skinName + "/login/css/base.css");
      // import不能动态加载，因为是预编译的，但是require运行时可以。
      // import {testFun3} from "../src/assets/js/main.js";
&nbsp;
      // require("./assets/js/tips.js");
      // require("/static/skin/default/admin/login/js/tips.js")
&nbsp;
      // let o = this;
&nbsp;
      // // 异步请求需要注册的菜单地址，八爪鱼数据源中的SQL需要绑定用户权限，where条件中可由前台传入userID。
      // this.octopus.request.getScript("/static/conf2.js", true, function () {
      //   // 动态路由追加
      //   o.$router.addRoutes([{
      //     path: '/NewRRR/:id',
      //     name: 'NewRRR',
      //     component: require('@/components/MarcoTest').default
      //   }]);
      // });
&nbsp;
      // // 动态路由追加
      // this.$router.addRoutes([{
      //   path: '/NewRRR/:id',
      //   name: 'NewRRR',
      //   component: require('@/components/MarcoTest').default
      // }]);
      // console.debug("当前Router对象：" + JSON.stringify(this.$router.options));
<span class="cstat-no" title="statement not covered" >      this.octopus.tips.debug("App.vue执行了created事件。");</span>
    },
    // 生命周期钩子：安装完成，但是VUE不会承诺100%的完成才执行该事件。
<span class="fstat-no" title="function not covered" >    mounted: function () {</span>
      // 以运行时的方式加载库
      // require("./assets/js/tips.js");
      // 全部完成的下一时刻，这个函数就很牛逼了。。生命周期连外面的JS、CSS都全部挂载好了，再执行这个方法。
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >      this.$nextTick(function () {</span></span>
        // 启用八爪鱼渲染引擎
<span class="cstat-no" title="statement not covered" >        this.octopus.render.init();</span>
<span class="cstat-no" title="statement not covered" >        this.octopus.tips.debug("App.vue执行了nextTick事件。");</span>
      });
    },
    // 更新前（组件更新前触发）
<span class="fstat-no" title="function not covered" >    beforeUpdate: function () {</span>
<span class="cstat-no" title="statement not covered" >      this.octopus.tips.debug("App.vue执行了beforeUpdate事件。");</span>
    },
    // 更新后（组件更新完成后触发）
<span class="fstat-no" title="function not covered" >    updated: function () {</span>
<span class="cstat-no" title="statement not covered" >      this.render = true;</span>
      // 启用八爪鱼渲染引擎
<span class="cstat-no" title="statement not covered" >      this.octopus.render.init();</span>
<span class="cstat-no" title="statement not covered" >      this.octopus.tips.debug("App.vue执行了updated事件。");</span>
    },
<span class="fstat-no" title="function not covered" >    activated: function () {</span>
<span class="cstat-no" title="statement not covered" >      this.octopus.tips.debug("App.vue执行了activated事件。");</span>
    },
<span class="fstat-no" title="function not covered" >    deactivated: function () {</span>
<span class="cstat-no" title="statement not covered" >      this.octopus.tips.debug("App.vue执行了deactivated事件。");</span>
    },
    computed: {
<span class="fstat-no" title="function not covered" >      load: function () {</span>
<span class="cstat-no" title="statement not covered" >        this.octopus.tips.debug("执行了计算引擎");</span>
      }
    },
    watch: {
<span class="fstat-no" title="function not covered" >      $route(to, from) {</span>
        // this.octopus.route = to;
        // this.octopus.tips.debug(to.path + " - " + from.path + ", octopus.route: " + this.octopus.route.fullPath);
      }
    }
  };
&lt;/script&gt;
&nbsp;
&lt;style scoped&gt;
&lt;/style&gt;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
  Code coverage
  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Jan 20 2020 17:54:15 GMT+0800 (GMT+08:00)
</div>
</div>
<script src="..\prettify.js"></script>
<script>
window.onload = function () {
        if (typeof prettyPrint === 'function') {
            prettyPrint();
        }
};
</script>
<script src="..\sorter.js"></script>
</body>
</html>
